<template>
	<view class="mainpadding beijingse">	
		<view class="" style="padding-bottom: 140rpx;">	
			<view class="mainpadding ffffff radius">
				<!--等待发货  -->
				<view class="">
					<view class="flexleft">
						<view class="margin_right1">
							<u-icon name="clock-fill" color="#2361FF" size="24"></u-icon>
						</view>
						<view class="xiaohei fonweight bigtext">等待发货</view>
					</view>
					<view class="strongtext xiaohei margin_top2">等待卖家发货</view>
				</view>
				<!-- 等待支付 -->
				<!-- <view class="">
					<view class="flexleft">
						<view class="margin_right1">
							<u-icon name="clock-fill" color="#2361FF" size="24"></u-icon>
						</view>
						<view class="xiaohei fonweight bigtext">等待支付</view>
					</view>
					<view class="flexleft margin_top2">
						<view class="strongtext xiaohei ">剩余</view>
						<view class="strongtext xiaolan ">29分59秒</view>
						<view class="strongtext xiaohei ">自动关闭</view>
					</view>
				</view> -->
				<!--等待收货  -->
				<!-- <view class="">
					<view class="flexleft">
						<view class="margin_right1">
							<u-icon name="clock-fill" color="#2361FF" size="24"></u-icon>
						</view>
						<view class="xiaohei fonweight bigtext">等待收货</view>
					</view>
					<view class="strongtext xiaohei margin_top2">商品已发货，等待确认收货中</view>
				</view> -->
				<!--等待评价  -->
				<!-- <view class="">
					<view class="flexleft">
						<view class="margin_right1">
							<u-icon name="clock-fill" color="#2361FF" size="24"></u-icon>
						</view>
						<view class="xiaohei fonweight bigtext">等待评价</view>
					</view>
					<view class="strongtext xiaohei margin_top2">商品已收货，等待评价中</view>
				</view> -->
				<!-- 订单已取消 -->
				<!-- <view class="">
					<view class="flexleft">
						<view class="margin_right1">
							<u-icon name="close-circle-fill" color="#FE4B4B" size="24"></u-icon>
						</view>
						<view class="xiaohei fonweight bigtext">订单已取消</view>
					</view>
					<view class="strongtext xiaohei margin_top2">订单已关闭</view>
				</view> -->
				<!--订单已完成  -->
				<!-- <view class="">
					<view class="flexleft">
						<view class="margin_right1">
							<u-icon name="clock-fill" color="#2361FF" size="24"></u-icon>
						</view>
						<view class="xiaohei fonweight bigtext">订单已完成</view>
					</view>
					<view class="strongtext xiaohei margin_top2">订单已完成</view>
				</view> -->
			</view>
			<!-- 地址 -->
			<view class="ffffff radius mainpadding ffffff margin_top2">
				<view class="flexleft">
					<view class="mrbtn flexcenter margin_right2">默认</view>
					<view class="ershiba xiaohui">河南省郑州市郑东新区</view>
				</view>
				<view class="flexbetween margin_top1">
					<view class="sanshier xiaohei fonweight">开元学府-3号楼1单元2412室</view>
					<u-icon name="arrow-right" color="#CCCCCC"></u-icon>
				</view>
				<view class="flexleft margin_top1">
					<view class="ershiba  margin_right2">张三</view>
					<view class="ershiba ">18874859652</view>
				</view>
			</view>
			<!--快递单号  -->
			<view class="ffffff radius mainpadding ffffff margin_top2">
			<view class="sanshier xiaohei fonweight">快递单号</view>
			<view class="flexbetween margin_top2">
				<view class="ershiba xiaohei ">55915484848451515451</view>
				<image class="fuzhi" src="../static/image/system/fz1.png" mode=""></image>
			</view>
			</view>
			<!-- 商品信息 -->
			<view class="margin_top2 ffffff radius mainpadding">
				<view class="shangbj" v-for="item in 2">
					<view class="flexbetween">
						<image class="sptp" src="../static/image/system/zybjt.png" mode=""></image>
						<view class="" style="width: 67%;">
							<view class="ershiba fonweight yhxk">洋河 海之蓝 绵柔浓香型白...</view>
							<view class="strongtext xiaohui yhxk margin_top2">海之蓝 42度 480ml2瓶...</view>
							<view class="flexbetween margin_top4">
								<view class="strongtext fonweight">￥
									<text class="bigtext fonweight">380</text>
								</view>
								<view class="ershiba xiaohui">×1</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!--  -->
			<view class="margin_top2 ffffff radius mainpadding">
				<view class="flexbetween">
					<view class="ershiba xiaohui">商品价格</view>
					<view class="strongtext fonweight">￥
						<text class="bigtext fonweight">380</text>
					</view>
				</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohui">优惠</view>
					<view class="strongtext fonweight">￥
						<text class="bigtext fonweight">380</text>
					</view>
				</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohui">运费</view>
					<view class="ershiba">包邮</view>
				</view>
				<view class="flexbetween xiahuaxian margin_top">
					<view class="ershiba xiaohui">实付款</view>
					<view class="strongtext fonweight xiaohong">￥
						<text class="bigtext fonweight xiaohong">380</text>
					</view>
				</view>
				<view class="flextop margin_top">
					<view class="ershiba xiaohui">订单备注</view>
					<view class="ershiba" style="width: 400rpx;">希望卖家帮我选一个成色好一点的球球了~</view>
				</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohui">订单编号</view>
					<view class="ershiba">435634221315425</view>
				</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohui">支付时间</view>
					<view class="ershiba" >2020.08.07 12：32</view>
				</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohui">支付方式</view>
					<view class="ershiba" >微信支付</view>
				</view>
			</view>
		</view>
		<view class="ffffff mainpadding gudingdb flexright">
			<!-- <view class="lanbtn flexcenter">确认收货</view> -->
			<view class="lanbtn flexcenter" @click="tzljpj">立即评价</view>
			<!-- <view class="bkbtn flexcenter ">删除订单</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转立即评价
			tzljpj(){
				uni.navigateTo({
					url:'/pages_mypage/lijipj'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.lanbtn{
		width: 193rpx;
		height: 68rpx;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		background-color: #2361FF;
		border: 1rpx solid #2361FF;
	}
	.bkbtn{
		width: 193rpx;
		height: 68rpx;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #7A7C94;
		border: 1rpx solid #B5BFDA;
	}
	.fuzhi{
		width: 28rpx;
		height: 30rpx;
	}
	.xhbtn {
		font-size: 18rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		color: #FF0000;
		width: 72rpx;
		height: 32rpx;
		border-radius: 5rpx 5rpx 5rpx 5rpx;
		border: 1rpx solid #FF0000;
	}

	.yhbjt {
		padding: 36rpx 32rpx 10rpx 35rpx;
		background-size: 100% 100%;
		background-image: url('@/static/image/system/yhq.png');
	}

	.shangbj {
		margin-top: 30rpx;
	}

	.shangbj:first-child {
		margin-top: 0rpx;
	}

	.biak {
		width: 1rpx;
		height: 47rpx;
		background-color: #D2D2D2;
	}

	.jianbox {
		width: 178rpx;
		height: 48rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
		border: 1rpx solid #D2D2D2;
	}

	.sptp {
		width: 196rpx;
		height: 196rpx;
		border-radius: 15rpx;
	}

	.shangbj {
		margin-top: 30rpx;
	}

	.mrbtn {
		font-size: 20rpx;
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		width: 65rpx;
		height: 28rpx;
		background: #2361FF;
		border-radius: 16rpx 2rpx 16rpx 16rpx;
	}
</style>